<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <div id="box">
        <p>666</p>
    </div>
</body>
</html>
<script>
    //获取div
    // document.getElementById("box");
   var div =  document.querySelector("#box");
   //获得div中的内容
   alert(div.innerHTML);//获取包含html标签的内容
   alert(div.innerText);//获取包含文本的内容

   //设置值
   /* div.innerHTML = "<h1>你好</h1>"; */
   div.innerText = "<h1>大家好</h1>";

   /* js做修改内容的思想：获得对象 改变对象 */

</script>